circle, path:hover {
  cursor: pointer;
}
.axis path,
.axis line {
  fill: none;
  stroke: grey;
  stroke-width: 1px;
}
.axis text {
  font-family: sans-serif;
  font-size: 13px;

}
path.line {
  fill: none;
  stroke: rgb(106, 14, 29);
  stroke-width: 2px;
}
.line.unfocused{
  stroke-opacity: 100%;
}

.line.focused {
  stroke-width: 3px;
  stroke-opacity: 100%;
  stroke: black;
}

.tooltipMine{
  position: absolute;
  z-index: 10;
  height: auto;
  padding: 5px 10px;
  font-weight: 700;
  background-color: rgba(255, 255, 255, 0.7);
}
.tooltipMine p {
  margin: 0;
  line-height: 20px;
  color: black;
  font-size: 14px;
}
.y.axis .tick line{
  opacity: 0;
}
.ylabel{
  font-size: 13px;
  fill: gray;
}
.dots:hover{
  cursor: pointer;
}
.dotlabels {
  font-size: 10px;
  color: black;
}
.xlabel{
  font-size: 15px;
  fill: gray;
}
.ylabel{
  font-size: 15px;
  fill: gray;
}
#menu {
  padding-left: 500px;
  font-weight: bolder;
}
.deathNumber p{
  font-size: 60px;
  font-weight: bold;
  color: rgb(78, 16, 26);
  /* opacity: 70%; */
}
.injuryNumber p{
  font-size: 60px;
  font-weight: bold;
  color: rgb(167, 167, 167);
  /* opacity: 70%; */
}
.well{
  padding: 0,20;
}
.mapTooltip {
    position: absolute;
    z-index: 10;
}
.dateAndPlace{
  font-size: 20px;
  color: rgb(78, 16, 26);
  font-weight: bold;
}
.attackTy{
  font-size: 25px;
  color: rgb(78, 16, 26);
  font-weight: bold;
}
#china{
  margin :0;
}
select {
    text-align: center;
    text-align-last: center;
    color: black;
    font-size: 20px;
    height: 35px;
    border: 0px;
    margin-right: 20px;
    margin-bottom: 0px;

    border-bottom: 2px solid #ccc;
}
#portfolio select{
  background-color: #FAFAFA;
}
#service select{
  background-color: hsla(0, 92%, 11%, 0.05);
}
.legendLinear text {
    font-size: 9px;
}
#service .row{
  padding-top: 30px;
}